Skip to content

feat: 마음 기록 아무도 업로드하지 않았을 경우의 화면 구현#202

Merged
surfwithus merged 1 commit intomainfrom
feat/nonphoto
Aug 28, 2025
Merged

feat: 마음 기록 아무도 업로드하지 않았을 경우의 화면 구현#202
surfwithus merged 1 commit intomainfrom
feat/nonphoto

Conversation

@surfwithus
Copy link
Collaborator

@surfwithus surfwithus commented Aug 28, 2025

Important

In photo_date_screen.dart, when no records are uploaded, a button is displayed to navigate to AddRecordScreen, with minor formatting improvements.

  • Behavior:
    • In photo_date_screen.dart, when no records are uploaded, display a button that navigates to AddRecordScreen instead of a static message.
  • UI:
    • Button styled with ElevatedButton and AppColors.ongiOrange.
    • Button size set to 270x310 with rounded corners.
  • Misc:
    • Minor formatting changes for better readability in photo_date_screen.dart.

This description was created by Ellipsis for c6c300a. You can customize this summary. It will automatically update as commits are pushed.

Summary by CodeRabbit

  • New Features
    • 사진 날짜 화면의 빈 상태에 업로드 유도 버튼을 추가했습니다. 큰 오렌지색 버튼을 눌러 기록 업로드 화면으로 이동할 수 있습니다. 버튼 문구는 “마음기록을 업로드 해볼까요?”로 중앙 정렬된 다중 줄 텍스트와 고정 크기를 사용합니다.
  • Style
    • 빈 상태 레이아웃과 여백, 텍스트 정렬 등을 다듬어 가독성과 일관성을 개선했습니다. 기존 블러 효과와 기타 시각적 요소의 동작은 그대로 유지됩니다.

@coderabbitai
Copy link

coderabbitai bot commented Aug 28, 2025

Caution

Review failed

The pull request is closed.

Walkthrough

PhotoDateScreen의 비어있는 날짜 상태 UI가 정적 아이콘/문구에서 큰 주황색 ElevatedButton CTA로 변경되었고, 탭 시 MaterialPageRoute를 통해 AddRecordScreen으로 네비게이션합니다. 이로 인해 AddRecordScreen import가 추가되었습니다. 그 외에는 블러 호출 및 레이아웃 관련 포매팅 정리가 이뤄졌습니다.

Changes

Cohort / File(s) Summary
Empty-state CTA & Navigation
frontend/ongi/lib/screens/photo/photo_date_screen.dart
빈 상태 UI를 ElevatedButton으로 교체하고, onPressed에서 AddRecordScreen으로 Navigator.push(MaterialPageRoute(...)) 추가. AddRecordScreen import 도입.
UI 포매팅 및 미세 조정
frontend/ongi/lib/screens/photo/photo_date_screen.dart
ImageFilter.blur 호출을 다중 라인 네임드 인수 스타일로 리포맷, 공백/줄바꿈 정리, const 제거 등 비기능적 변경. 기능 상 차이 없음.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor U as User
  participant P as PhotoDateScreen
  participant N as Navigator
  participant A as AddRecordScreen

  rect rgba(245,245,255,0.7)
    note over P: 선택 날짜에 기록 없음(Empty State)
    U->>P: CTA 버튼 탭 ("마음기록을 업로드 해볼까요?")
    P->>N: push(MaterialPageRoute(AddRecordScreen))
    N-->>A: 화면 생성 및 표시
    A-->>U: AddRecordScreen 표시
  end
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

Poem

당근빛 버튼이 폴짝, 부른다 업로드 길
토끼 귀 쫑긋 세우고, 새 기록에 살짝 밀
비어있던 날에도, 발자국은 남겨질
사진 달력 사이로, 마음 씨앗이 피어질
폴짝—AddRecord로 오늘도 뛰어들지 🌱🐇

Tip

🔌 Remote MCP (Model Context Protocol) integration is now available!

Pro plan users can now connect to remote MCP servers from the Integrations page. Connect with popular remote MCPs such as Notion and Linear to add more context to your reviews and chats.


📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 8c5ea2a and c6c300a.

📒 Files selected for processing (1)
  • frontend/ongi/lib/screens/photo/photo_date_screen.dart (7 hunks)
✨ Finishing Touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch feat/nonphoto

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbit in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbit in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbit gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbit read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbit help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbit ignore or @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbit summary or @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbit or @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@surfwithus surfwithus merged commit 8ce95b8 into main Aug 28, 2025
2 of 4 checks passed
@surfwithus surfwithus deleted the feat/nonphoto branch August 28, 2025 10:30
Copy link

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Changes requested ❌

Reviewed everything up to c6c300a in 2 minutes and 20 seconds. Click for details.
  • Reviewed 176 lines of code in 1 files
  • Skipped 0 files when reviewing.
  • Skipped posting 3 draft comments. View those below.
  • Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.
1. frontend/ongi/lib/screens/photo/photo_date_screen.dart:309
  • Draft comment:
    Multi-line formatting for ImageFilter.blur parameters improves readability.
  • Reason this comment was not posted:
    Comment did not seem useful. Confidence is useful = 0% <= threshold 50% This comment is purely informative and does not provide any actionable feedback or suggestions for improvement. It simply states that the formatting improves readability, which is not a necessary comment for a pull request review.
2. frontend/ongi/lib/screens/photo/photo_date_screen.dart:437
  • Draft comment:
    Improved indentation in the FutureBuilder's 'future' parameter enhances readability.
  • Reason this comment was not posted:
    Comment was not on a location in the diff, so it can't be submitted as a review comment.
3. frontend/ongi/lib/screens/photo/photo_date_screen.dart:483
  • Draft comment:
    Reformatting EdgeInsets.symmetric into a multi-line style improves clarity.
  • Reason this comment was not posted:
    Comment looked like it was already resolved.

Workflow ID: wflow_eM5LKVUlrWDb9YBa

You can customize Ellipsis by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.

import 'dart:ui'; // Added for ImageFilter
import 'dart:ui';

import '../add_record_screen.dart'; // Added for ImageFilter
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment on the AddRecordScreen import is misleading—update it to reflect its use for navigation rather than ImageFilter.

Suggested change
import '../add_record_screen.dart'; // Added for ImageFilter
import '../add_record_screen.dart'; // Used for navigation to AddRecordScreen

@@ -173,22 +175,47 @@ class _PhotoDateScreenState extends State<PhotoDateScreen> {
}

if (_maumLogResponse == null || _maumLogResponse!.maumLogDtos.isEmpty) {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Empty state UI now uses an ElevatedButton; consider extracting this block into a separate widget and adding semantic labels for accessibility.

Neibce pushed a commit to 2025-PNU-SW-Hackathon/PNUSW-2025-OnGi-10 that referenced this pull request Aug 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant